<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>会话管理技术->Cookie的应用</title>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/style.css"/>
        <style>
            label:hover{
                cursor: pointer;
                text-decoration: underline;
            }
        </style>
    </head>
    <body>  

        <div class="container">
            
            <h1 class="text-center text-primary">会话管理技术->Cookie的应用</h1>
            <hr>

            <p class="text-danger">
                * 本程序使用Cookie实现记住用户密码的功能<br>
                * Cookie是一种客户端会话管理技术<br>
                * 在发送响应给客户端的时候，发送一些字符串信息到客户端并以小型文本文档的形式存储在客户端<br>
                * 下次发送请求给该web程序的时候，Cookie会随着请求一起发送给服务端，服务端可以获取Cookie进行操作<br>
                * 本程序没有连接数据库，使用账户anna和密码1234可以通过登录验证<br>
                * 尝试输入账户和密码（账户密码正确与否无所谓），勾选“记住密码”，登录，然后回到首页，刷新可看到记住了账户和密码<br>
                * 尝试输入账户和密码（账户密码正确与否无所谓），取消勾选“记住密码”，登录，然后回到首页，刷新可看到是账户和密码对应的cookie被删除了，所以不再记住
            </p>

            <hr>

            <!--这里如果想使用Cookie记住密码，直接将获取的Cookie的值显示为文本框的value即可-->

            <form action="ls" class="form-inline text-center loginForm bg-primary">
                <h1 class="text-center">用户登录</h1>
                <hr>
                账&nbsp;号： <input type="text" name="username" value="${cookie.username.value}" class="form-control">
                <br><br>
                密&nbsp;码： <input type="password" name="password" value = "${cookie.password.value}" class="form-control">
                <br><br>


                <!--复选框也是必须设置name才能提交参数，value用于指定值-->
                <input type="checkbox" id="remember" name="rem" value="Y">
                <label for="remember">记住密码</label>
                &nbsp;&nbsp;

                <button class="btn btn-sm btn-default">登录</button>
            </form>
            <hr>
        </div>
    </body>
</html>
